<template>
	<a class="btn btn-sm btn-primary" v-link="{ path: '/' }">返回开户列表</a>
	<table class="table table-bordered table-hover">
		<caption>开户活动邀请列表</caption>
		<thead>
			<tr>
				<th class="col-sm-1">昵称</th>
				<th class="col-sm-2">被邀请者电话号码</th>
				<th class="col-sm-2">状态</th>
				<th class="col-sm-2">参与时间</th>
				<th class="col-sm-1"></th>
			</tr>
		</thead>
		<tbody>
			<tr v-for="item in inviteList">
				<td>{{item.name}}</td>
				<td>{{item.phone}}</td>
				<td>{{+item.status | BrokerStatus}}</td>
				<td>{{item.createTime}}</td>
				<td class="text-right">
					<button class="btn btn-sm btn-primary" @click.stop="modifyAc(item)">修改</button>
				</td>
			</tr>
		</tbody>
	</table>
	<invite-configure :show-configure.sync="showConfigure" :ac.sync="ac" title="修改被邀请者状态"></invite-configure>
	<vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
</template>

<script type="text/javascript" src="./invite-list.js"></script>
